@use 'element-plus/theme-chalk/src/dark/css-vars.scss';
/** 自定义黑暗主题 */
html.dark {
  .el-menu,
  .el-menu--popup {
    .el-menu-item {
      color: #ccc !important;
      &.is-active {
        background: #000;
        color: #fff !important;
      }
    }
  }
  .el-sub-menu__title {
    color: #ccc !important;
  }
  .el-menu-item:hover,
  .el-sub-menu__title:hover {
    background-color: #000;
  }
  .layout .el-container .el-header {
    background-color: var(--el-bg-color);
    color: var(--el-text-color-regular);
  }
  .el-main {
    background-color: var(--el-bg-color);
  }
}
